<%@page pageEncoding="UTF-8" contentType="text/html"%>

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%> 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Users</title>
    </head>
    <body>
        <f:view>
        <a4j:form>
             <table>
                    <h:panelGroup id="fields">
                    <tr>
                        <td>Identyfikator:</td>
                        <td><h:outputText value="#{UsersAgent.usrId}"/></td>
                    </tr>                
                    <tr>
                        <td>Adres Email:</td>
                        <td><h:inputText value="#{UsersAgent.usrName}"/></td>
                    </tr>
                    <tr>
                        <td>Imię:</td>
                        <td><h:inputText value="#{UsersAgent.usrFirstName}"/></td>
                    </tr>
                    <tr>
                        <td>Nazwisko:</td>
                        <td><h:inputText value="#{UsersAgent.usrLastName}"/></td>
                    </tr>
                    <tr>
                        <td>Hasło:</td>
                        <td><h:inputSecret value="#{UsersAgent.usrPass}" /></td>
                    </tr>
                    <tr>
                        <td>Powtórz hasło:</td>
                        <td><h:inputSecret value="#{UsersAgent.usrPassConfirm}" /></td>
                    </tr>           
                    <tr>
                        <td>Data utworzenia:</td>
                        <td><h:inputText value="#{UsersAgent.usrDate}"/></td>
                    </tr>  
                </h:panelGroup>
                <tr> <h:panelGroup id="buttons">
                        <td colspan="2"><h:commandButton value="Dodaj" rendered="#{empty UsersAgent.usrId}" action="#{UsersAgent.create}" />
                        <h:commandButton value="Edytuj" rendered="#{not empty UsersAgent.usrId}" action="#{UsersAgent.create}" /></td>
                    </h:panelGroup>
                </tr>
            </table>
        <HR>
        <h:dataTable value="#{UsersAgent.users}" var="user" border="1">
            <h:column>
                <f:facet name="header">
                    <h:outputText value="Email" />
                </f:facet>
                <h:outputText value="#{user.usrName}" />
            </h:column>
            <h:column>
                <f:facet name="header">
                    <h:outputText value="Imię" />
                </f:facet>
                <h:outputText value="#{user.usrFirstName}" />
            </h:column>
            <h:column>
                <f:facet name="header">
                    <h:outputText value="Nazwisko" />
                </f:facet>
                <h:outputText value="#{user.usrLastName}" />
            </h:column>
            <h:column>
                <f:facet name="header">
                    <h:outputText value="Data utworzenia" />
                </f:facet>
                <h:outputText value="#{user.usrDate}" />
            </h:column>
            <h:column>
                <f:facet name="header">
                    <h:outputText value="Opcje" />
                </f:facet>
                <a4j:commandLink reRender="fields, buttons" action="#{UsersAgent.selectUser}">
                    Edycja
                </a4j:commandLink>
            </h:column>
        </h:dataTable>
                </a4j:form>
        </f:view>    
    </body>
</html>